<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{margin: 0px;padding: 0px;}
			.boxhead{width: 1800px;height: 200px;margin: 0px auto;background-color: black;}
			.bh1{width: 400px;height: 200px;margin-left: 0px;float: left;}
			.bh2{width: 200px;height: 200px;float: left;}
			.boxmiddle{
				max-width:1800px;
				min-width: 900px;
				display:flex;
				flex-wrap: wrap;
				/* background-color:wheat; */
				margin-top:10px;
				margin-left: auto;
				margin-right: auto;
				height: 5000px;
				flex-direction: row;}
				.bm11{width: 900px;height: 400px;}
				.bm12{width: 900px;height: 400px;}
				.bm21{width: 900px;height: 400px;}
				.bm22{width: 900px;height: 400px;}
				.bm31{width: 900px;height: 400px;}
				.bm32{width: 900px;height: 400px;}
				.bm31{width: 900px;height: 400px;}
				.bm32{width: 900px;height: 400px;}
				.bm41{width: 900px;height: 400px;}
				.bm51{width: 900px;height: 400px;}
				.bm52{width: 900px;height: 400px;}
				.bm61{width: 900px;height: 400px;}
				.bm62{width: 900px;height: 400px;}
				.boxbottom{width: 900px;height: 300px;background-color: black;
				margin: 0px auto;}
				
				.button {
				  display: inline-block;
				  border-radius: 4px;
				  background-color: #f4511e;
				  border: none;
				  color: #FFFFFF;
				  text-align: center;
				  font-size: 28px;
				  padding: 20px;
				  width: 200px;
				  transition: all 0.5s;
				  cursor: pointer;
				  margin: 5px;
				}
				
				.button span {
				  cursor: pointer;
				  display: inline-block;
				  position: relative;
				  transition: 0.5s;
				}
				
				.button span:after {
				  content: '»';
				  position: absolute;
				  opacity: 0;
				  top: 0;
				  right: -20px;
				  transition: 0.5s;
				}
				
				.button:hover span {
				  padding-right: 25px;
				}
				
				.button:hover span:after {
				  opacity: 1;
				  right: 0;
				}
		</style>
	</head>
	<body style="background-color: black;">
		   <div class="boxhead">
			   <div class="bh1">
				   <img src="img/1.png" />
			   </div>
			   <div class="bh2">
			   				   <img src="img/12.png" />
			   </div>
		   </div>
		   <div class="boxmiddle">
			   <div class="bm11"><img src="img/1-2.png"></div>
			     <div class="bm12"><img src="img/1-1.png"></div>
				   <div class="bm21"><img src="img/2-1.png"></div>
				     <div class="bm22"><img src="img/2-2.png"></div>
					   <div class="bm31"><img src="img/3-1.png"></div>
					     <div class="bm32"><img src="img/3-2.png"></div>
						   <div class="bm41"><img src="img/4-1.png"></div>
						     <div class="bm42"><img src="img/4-2.png"></div>
							   <div class="bm51"><img src="img/5-1.png"></div>
							     <div class="bm52"><img src="img/5-2.png"></div>
								   <div class="bm61"><img src="img/6-1.png"></div>
								     <div class="bm62"><img src="img/6-2.png"></div>
									  
		   </div>
		   <div class="boxbottom">
			   <button class="button" style="vertical-align:middle"><span>联系我们 </span></button>
		   </div>
	</body>
</html>
